<template>
    <div class="app-container">
        <video poster="http://onmxkx5tf.bkt.clouddn.com/yang_guang_chen/poster.jpg" class="video" x-webkit-airplay="allow" controls webkit-playsinline playsinline  src="http://onmxkx5tf.bkt.clouddn.com/yang_guang_chen/8f4cd59f28252b49c7e2a3ee156c7b19.mp4"></video>
        <div class="btn" @click="$router.push({path:'/select_cinema',query:{channel: $route.query.channel}})"></div>
    </div>
</template>

<script>
export default {
  created () {
    window.sessionStorage.setItem('firstPageInit', true)
  }
}
</script>

<style scoped lang="scss">
.app-container{
    background-image: url('~@/assets/1-1.jpg') ,url('~@/assets/1-2.jpg') ;
    background-position: top center, bottom center;
    background-repeat: no-repeat,no-repeat;
    background-size: 100% auto,100% auto;
}
.video{
    position: absolute;
    width: 629px;
    height: 381px;
    top:645px;
    left:61px;
    background-color: #000;
}
.btn{
    background-image: url('~@/assets/7.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 271px;
    height: 84px;
    position: absolute;
    top:1074px;
    left:248px;
}
</style>
